// out: false,main:../classic.less,main:../technology.less
@layui-table-bg-color: #333;
@layui-table-text-color: #ccc;
@layui-table-border-color: #3c3e4e;
@layui-table-thead-bg: #3c3e4e;
@layui-table-text-color: #fff;

.layui-elem-field {
    .layui-field-box {
        .user-list {
            button {
                margin: 0 5px 5px 0;
            }
        }
    }
}

.hide {
    display: none;
}
.select-icon-box {
    @boxSize:90px;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0;
    & > .select-item {
        border: 2px solid #ccc;
        background:none;
        width:@boxSize;
        height:@boxSize;
        margin:0 10px 10px 0;
        cursor: pointer;
        border-radius: 4px;
        box-sizing: border-box;
        position: relative;
        &.hover {
            border: 2px solid #333;           
            background: #666;
            &::after {
                content: "\e808";
                font-family: zkuasgm-icon;
                font-size: 16px;
                color: #1e9fff;
                position: absolute;
                width: 20px;
                height: 20px;
                background: rgba(255, 255, 255, 1);
                bottom: 5px;
                right: 5px;
                border: 1px solid #1e9fff;
                border-radius: 3px;
                display: flex;
                justify-items: center;
                align-items: center;
            }
        }
        & p {
            text-align: center;
            &.icon {
                width: 100%;
                height:100%;
                display: flex;
                justify-content: center;
                align-items:center;
                img {
                    width: 90%;
                    height: 90%;

                }
                & .zkuasgm-icon {
                    color: #fff;
                }
            }
            
        }
    }
}
.grid-user{
    .tree-box{
        border:1px solid #ccc;
        .user-tree{
            border-right:1px solid #ccc;
        }
    }
    .user-list{
        label{
            display: block;
            i{
                color:#f00;
                font-size: 18px;
                cursor: pointer;
                margin:0 3px;
            }
        }
    }
}
.result-box{
    display: flex;
    justify-content: center;
    .result-item{
        display: flex;
        .result-icon{
            display: flex;
            align-items: center;
            padding:0 10px;
            i{
                font-size:60px;
                &.icon-green{
                    color: #4FC016;
                }
                &.icon-red{
                    color: #f00;
                }
            }
        }
        .result-main{
            p{
                font-size:16px;
                padding:0 0 6px 0;
                &.title{
                    font-weight: bold;
                    font-size:18px;
                }
            }
        }
    }
    
}
// disabled默认颜色覆盖
.layui-disabled, .layui-disabled:hover {
    color: #333!important;
}
.ui-dark{
    .layui-disabled, .layui-disabled:hover {
        color: #999 !important;
    }
    a {
        color: #fff;
    }

    .layui-laypage a,
    .layui-laypage span {
        color: #fff;
    }

    .layui-laypage {
        .layui-laypage-curr {
            .layui-laypage-em {
                background: @main-color;
            }
        }
    }

    .layui-laypage a,
    .layui-laypage button,
    .layui-laypage input,
    .layui-laypage select,
    .layui-laypage span {
        color: #fff;
        background-color: #333;
        border: 0;
    }

    .layui-laypage button {
        background: @main-color;
    }

    .layui-elem-field {
        border-color: rgba(255, 255, 255, 0.5);

        legend {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
        }
    }

    .layui-text {
        color: #fff;
    }

    .layui-layer-page {
        .layui-layer-content {
            .scrollbar();
        }
    }

    .cursor {
        cursor: pointer;
    }

    .layui-footer {
        background: darken(#26293a, 5%);
    }

    .layui-elem-quote {
        border-left: 5px solid @main-color;
        background-color: lighten(@abg, 10%);
        color: #faeeb2;
    }
    .type-icon-title{
        background:#333;
        border-left:4px solid #1e9fff;
        padding:5px 8px;
        color:#fff;
        margin:5px 0;
    }
    .type-icon-box{
        border-bottom:1px dashed #333;
        &> .title{
            color:#fff;
        }
    }
    .select-icon-box {
        & > .select-item {
            border: 2px solid #000;
            &.hover {
                border: 2px solid #fff;               
                background: #333;
            }

        }
    }
    .grid-user{
        .tree-box{
            border:1px solid #000;
            .user-tree{
                border-right:1px solid #000;
                .scrollbar();
            }
        }
        .user-list{
            
        }
    }
}

// #search-box {
//     .layui-form-item {
//         .layui-inline {
//             &:not(:nth-child(-n+3)) {
//                 display: none;
//             }

//             &:last-child {
//                 display: inline-block;
//             }
//         }

//         &:hover {
//             .layui-inline {
//                 display: inline-block;
//             }
//         }
//     }

// }

// console
.app-download {
    ul {
        display: flex;
        padding: 10px;

        li {
            padding: 10px;

            p {
                text-align: center;
                font-size: 14px;
                padding: 8px 0;

                img {
                    width: 180px;
                }
            }
        }
    }
}
// 搜索的label样式
.search-label-nowidth{
    padding:10px;
    display: flex;
    &>.title{
        flex:0 0 70px;
        font-weight: 900;
        font-size: 16px;
        display: flex;
        align-items: center;
        padding:0 0 0 10px;
    }
    .search-label-nowidth-main{
        flex:auto;
        display: flex;
        justify-content: flex-end;
        &>.layui-inline{
            margin:0 10px 0 0;
            display: flex;
            align-items: center;
            &>.layui-form-label{
                width:auto;
                padding:9px 5px 6px 5px;
            }
            &>.layui-input-inline{
                width:120px;
            }
        }
    }
    .search-btn{
        display: flex;
        align-items: center;
        flex:0 0 70px;
    }
    
}
.count-box{
    padding:10px;
    ul{
        display: flex;
        li{
            flex:1;
            list-style: none;
            border-right:1px solid rgba(0,0,0,.2);
            &:last-child{
                border:0;
            }
            &>p{
                text-align: center;
                padding:6px 0;
                &.title{

                }
                &.num{
                    font-size:20px;
                    color:#3498db;
                }
            }
        }
    }
}
.ui-dark{
    .count-box{
        ul{
            li{

                border-right:1px solid rgba(255,255,255,.4);
                &:last-child{
                }
                &>p{
                    &.title{
    
                    }
                    &.num{
                    }
                }
            }
        }
    } 
}